<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="robots" content="noindex, nofollow" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>MultiUpload Demo</title>
    <link href="multiupload.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="/Assets/script/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="/Assets/script/jquery.json.js"></script>
    <script type="text/javascript" src="swfupload/swfupload.js"></script>
    <script type="text/javascript" src="multiupload.js"></script>
    <script type="text/javascript">
        $(window).load(pageInit);
        function pageInit() {
            var uploadurl = '/Upload/Index', ext = '所有文件 (*.*)', size = '2 MB', count = 5, useget = 0, params = {}//默认值 

            uploadurl = getQuery('uploadurl') || uploadurl; ext = getQuery('ext') || ext; size = getQuery('size') || size; count = getQuery('count') || count; useget = getQuery('useget') || useget;
            var tmpParams = getQuery('params');
            if (tmpParams) {
                try { eval("tmpParams=" + tmpParams); } catch (ex) { };
                params = $.extend({}, params, tmpParams);
            }
            ext = ext.match(/([^\(]+?)\s*\(\s*([^\)]+?)\s*\)/i);
            setTimeout(fixHeight, 10);
            swfu = new SWFUpload({
                // Flash组件
                flash_url: "swfupload/swfupload.swf",
                prevent_swf_caching: false, //是否缓存SWF文件

                // 服务器端
                upload_url: uploadurl,
                file_post_name: "filedata",
                post_params: tmpParams, //随文件上传一同向上传接收程序提交的Post数据
                use_query_string: useget == '1' ? true : false, //是否用GET方式发送参数

                // 文件设置
                file_types: ext[2], //文件格式限制
                file_types_description: ext[1], //文件格式描述
                file_size_limit: size, // 文件大小限制
                file_upload_limit: count, //上传文件总数
                file_queue_limit: 0, //上传队列总数
                custom_settings: {
                    test: "aaa"
                },

                // 事件处理
                file_queued_handler: fileQueued, //添加成功
                file_queue_error_handler: fileQueueError, //添加失败
                upload_start_handler: uploadStart, //上传开始
                upload_progress_handler: uploadProgress, //上传进度
                upload_error_handler: uploadError, //上传失败
                upload_success_handler: uploadSuccess, //上传成功
                upload_complete_handler: uploadComplete, //上传结束

                // 按钮设置
                button_placeholder_id: "divAddFiles",
                button_width: 69,
                button_height: 17,
                button_window_mode: SWFUpload.WINDOW_MODE.TRANSPARENT,
                button_cursor: SWFUpload.CURSOR.HAND,
                button_image_url: "img/add.gif",
                button_text: '<span class="theFont">添加文件</span>',
                button_text_style: ".theFont { font-size: 12px; }",
                button_text_left_padding: 20,
                button_text_top_padding: 0,

                // 调试设置
                debug: false
            });
        }
        function fixHeight() { $('#listArea').css('height', (document.body.clientHeight - 56) + 'px'); }
        function getQuery(item) { var svalue = location.search.match(new RegExp('[\?\&]' + item + '=([^\&]*)(\&?)', 'i')); return svalue ? decodeURIComponent(svalue[1]) : ''; }

        ////----------------跨域支持代码开始(非跨域环境请删除这段代码)----------------
        //var JSON = JSON || {};
        //JSON.stringify = JSON.stringify || function (obj) {
        //	var t = typeof (obj);
        //	if (t != "object" || obj === null) {
        //		if (t == "string")obj = '"'+obj+'"';
        //		return String(obj);
        //	}
        //	else {
        //		var n, v, json = [], arr = (obj && obj.constructor == Array);
        //		for (n in obj) {
        //			v = obj[n]; t = typeof(v);
        //			if (t == "string") v = '"'+v+'"';
        //			else if (t == "object" && v !== null) v = JSON.stringify(v);
        //			json.push((arr ? "" : '"' + n + '":') + String(v));
        //		}
        //		return (arr ? "[" : "{") + String(json) + (arr ? "]" : "}");
        //	}
        //};
        //var callback= callback || function(v){
        //	v=JSON.stringify(v);
        //	window.name=escape(v);
        //	window.location='http://'+location.search.match(/[\?&]parenthost=(.*)(&|$)/i)[1]+'/xheditorproxy.html';//这个文件最好是一个0字节文件，如果无此文件也会正常工作
        //}
        ////----------------跨域支持代码结束----------------
    </script>
</head>
<body>
    <div id="upload">
        <div id="buttonArea">
            <div id="controlBtns" style="display: none;">
                <a href="javascript:void(0);" id="btnClear" onclick="removeFile();" class="btn" style="display: none;">
                    <span>
                        <img src="img/clear.gif" />
                        删除文件</span></a> <a href="javascript:void(0);" id="btnStart" onclick="startUploadFiles();"
                            class="btn"><span>
                                <img src="img/start.gif" />
                                开始上传</span></a></div>
            <a href="javascript:void(0);" id="addFiles" class="btn"><span>
                <div id="divAddFiles">添加文件</div>
            </span></a>
        </div>
        <div id="listArea">
            <table width="100%" border="0" cellpadding="0" cellspacing="0">
                <thead id="listTitle">
                    <tr>
                        <td width="53%">文件名</td>
                        <td width="25%">大小</td>
                        <td width="22%">状态</td>
                    </tr>
                </thead>
                <tbody id="listBody">
                </tbody>
            </table>
        </div>
        <div id="progressArea">
            <div id="progressBar">
                <span>0%</span><div id="progress" style="width: 1px;">
                </div>
            </div>
        </div>
    </div>
</body>
</html>
